



        main .heading{
            position: relative;
        }
        main .heading .fluid{
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            top: 7.8125vw;
        }
        main .heading .fluid .ttl{
            font-size: 4.1vw;
            line-height: 1.25;
            color: #fff;
        }
        

        main .picTxt .item{
            margin-top: 90px;
        }
        main .picTxt .item>*{
            width: 50%;
        }
        main .picTxt .item:nth-child(2n){
            flex-direction: row-reverse;
        }
        main .picTxt .item .txt{
            padding: 0px 180px;
        }
        main .picTxt .item .txt .ttl{
            line-height: 1;
            margin-top: 0px;
        }
        main .picTxt .item .txt p{
            line-height: 1.5;
            margin-top: 36px;
        }

        main .tips{
            background: #fff;
            margin-top: 4.1vw;
        }
        main .tips .fluid{
            justify-content: space-between;
            padding: 3.6vw 8.3vw;
        }
        main .tips .txt{
            width: 27%;
        }
        main .tips .txt .ttl{
            line-height: 1.36;
            font-size: 2.59vw;
            margin-bottom: 2.59vw;
        }
        main .tips .txt .more{
            border-width: 0px;
            display:box;
            display: -webkit-box; 
            display: -moz-box;
            display: -webkit-flex; 
            display: -moz-flex; 
            display: -ms-flexbox;
            display: flex;
            padding-left: 0px;
            
        }
        main .tips .txt .more span{
            position: relative;
            margin-left: .7vw;
            top: auto;
            right: auto;
            transform: initial;
        }
        main .tips .txt .more span img{
            width: 14px;
            top: 50%;
            left: 50%;
            position: absolute;
            transform: translate(-50%,-50%);
        }
        main .tips .pic{
            width: 35%;
        }

        main .function{
            margin-top: 13px;
            position: relative;
            z-index: 2;
            padding-bottom: 5.1875vw;
            overflow: hidden;
        }
        main .function::after{
            content: '';
            position: absolute;
            z-index: -1;
            width: 41.5vw;
            height: 51.875vw;
            border-radius: 50%;
            background: #CADFF1;
            top: 0px;
            transform: translateX(-20.7vw);
        }
        main .function .fluid{
            justify-content: space-between;
        }
        main .function .palace{
            width: 50.9%;
            position: relative;
        }
        main .function .palace p{
            display: none;
            position: relative;
            padding-bottom: 81%;
        }
        main .function .palace p img{
            position: absolute;
            top: 0px;
            left: 0px;
        }
        main .function .palace p.active{
            display: block;
        }
        main .function .txt{
            width: 36.8%;
            position: relative;

        }
        main .function .txt:before,
        main .function .txt .item::before{
            content: '';
            position: absolute;
            width: 3px;
            top: 0px;
            left: 0px;
            height: 100%;
            background: #ddd;
        }

        main .function .txt .item{
            padding: 1.5vw 0px;
            padding-left: 4.15vw;
            line-height: 1.5;
            opacity: .5;
            position: relative;
        }
        main .function .txt .item *{
            font-size: 1.2vw;
        }
        main .function .txt .item::before{
            background: #002955;
            opacity: 0;
        }
        main .function .txt .item.active,
        main .function .txt .item.active::before{
            opacity: 1;
        }
        main .function .txt .item .ttl{
            font-size: 1.5vw;
            line-height: 1;
            margin-bottom: 2vw;
            cursor: pointer;
            transition: margin .3s cubic-bezier(0, 0.54, 0.77, 1.15);
        }
        main .function .txt .item .des{
            height: 0px;
            overflow: hidden;
            transition: height .3s cubic-bezier(0, 0.54, 0.77, 1.15);
        }
        main .function .txt .item .des span{
            display: inline-block;
            vertical-align: top;
        }


        @media(max-width:1600px){
            main .picTxt .item{
                margin-top: 5.2vw;
            }
            main .picTxt .item .txt{
                padding: 10.9vw;
            }
            main .picTxt .item .txt p{
                margin-top: 2vw;
            }
            
            main .function .txt:before,
            main .function .txt .item::before{
                width: 2px;
            }
        }

        @media(max-width:1400px){
            main .function .txt:before,
            main .function .txt .item::before{
                width: 1px;
            }
        }

        @media(max-width:767px){
            main .heading .fluid{
                padding: 0px 5.3vw;
            }
            main .tips .txt{
                width: 48%;
            }
            main .tips .txt .ttl{
                font-size: 6.6vw;
            }
            main .tips .txt .more{
                left: 0px;
                top: 0px;
                font-size: 2.3vw;
            }
            main .tips .txt .more span{
                display: block;
                width: 32px;
                height: 32px;
                margin-right: 10px;
            }

            main .function .txt:before,
            main .function .txt .item::before{
                width: 3px;
            }

            main .picTxt .item{
                display: block;
                margin-top: 0px;
            }
            main .picTxt .item>*{
                width: 100%;
            }
            main .picTxt .item .txt{
                padding: 5.3vw;
            }
            main .picTxt .item .txt p{
                margin-top: 5.3vw;
                font-size: 3.19vw;
            }
            main .picTxt .item .txt .ttl{
                font-size: 4vw;
            }
        }

        @media(max-width:500px){
            main .tips .fluid{
                padding: 9.3vw 21.25vw;
            }
            main .tips .txt{
                width: 40%;
            }
            main .tips .txt .ttl{
                font-size: 6.6vw;
            }
            main .tips .txt .more span{
                display: none;
            }
            main .tips .pic{
                width: 60%;
            }

            main .function .fluid{
                margin: 0px;
                padding: 5.3vw;
            }
            main .function .palace{
                margin-bottom: 5.3vw;
            }
            main .function .txt:before,
            main .function .txt .item::before{
                width: 1px;
            }
            main .function .txt{
                width: 49.1%;
            }
            main .function .txt .item{
                padding: 3.8vw 0px;
                padding-left: 11.1vw;
            }
            main .function .txt .item .ttl{
                font-size: 4vw;
                margin-bottom: 0px;
            }
            main .function .txt .item.active .ttl {
                margin-bottom: 5.3vw;
            }
            main .function .txt .item *{
                font-size: 3.5vw;
            }
            main .function::after{
                width: 105vw;
                height: 132vw;
                top: 5.3vw;
                transform: translateX(-50%);
            }
        }